<template>
	<view class="dmm-container dmm-container-grey">
		<view class="card">
			<view class="qrcode">
				<image src="/static/imgs/gzh_qrcode.jpg" mode=""></image>
				<text class="text text-content">微信扫码关注公众号</text>
			</view>
			
			<view class="arguments">
				<text class="text text-content">店喵喵</text>
				<text class="text text-primary" @click="uniHistory.push('/pages/agreements/service')">《服务协议》、</text>
				<text class="text text-primary" @click="uniHistory.push('/pages/agreements/privacy')">《隐私协议》</text>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.dmm-container {
		padding-top: 110rpx;
	}
	
	.card {
	  margin: 0 30rpx;
	  padding: 100rpx 45rpx 41rpx;
	  border-radius: $uni-border-radius-lg;
		border: 10rpx solid $u-primary;
	
	  .qrcode {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;		
	    
	    image {
	      height: 512rpx;
	      width: 512rpx;
	      margin-bottom: 68rpx;
	    }
			
			text {
				font-size: 24rpx;
			}
	  }
	}
	
	.arguments {
	  position: fixed;
		left: 0;
	  bottom: 30rpx;
	  display: flex;
		flex-direction: row;
		width: 750rpx;
	  align-items: center;
	  justify-content: center;
		
		text {
			font-size: 24rpx;
		}
	}
</style>
